$(function () {
    init();

    function init() {
        eventList();
    }

    function eventList() {

        //点击获取验证码按钮获取验证码:
        $('#code_btn').on('tap', () => {

            //获取到手机号码:
            let mobile_txt = $("[name='mobile']").val().trim();

            //判断用书输入的手机是否合法:
            if (!$.checkPhone(mobile_txt)) {
                //非法:
                //使用mui提供的提示框:
                mui.toast('手机号码不合法');
            } else {
                //合法:发送申请获取到验证码:
                $.post("users/get_reg_code", {

                    mobile: mobile_txt
                }, (res) => {

                    if (res.meta.status == 200) {
                        console.log(res);
                        //获取成功:则禁用文本框:
                        $('#code_btn').attr('disabled', 'disabled');

                        //开启定时器:
                        let times = 60;

                        //修改文本信息:
                        $('#code_btn').text(times + '秒后再重试');

                        //设置定时器:
                        let timer = setInterval(() => {
                            //定时器时间需要--
                            times--;

                            //实时修改文本的信息:
                            $('#code_btn').text(times + '秒后再重试');

                            //当times = 0的时候 ,重新开启验证码框:
                            if (times == 0) {
                                //停止定时器:
                                clearInterval(timer);
                                $('#code_btn').removeAttr('disabled');
                                $('#code_btn').text('获取验证码')
                            }
                        }, 1000)
                    } else {
                        //失败:
                        mui.toast('请重新获取');
                    }
                });
            }
        })

        //点击注册按钮：
        $('#res_btn').on('tap', () => {

            //获取到所有文本框的内容:
            let mobile_txt = $("[name='mobile']").val().trim();
            let code_txt = $("[name='code']").val().trim();
            let email_txt = $("[name='email']").val().trim();
            let pwd_txt = $("[name='pwd']").val().trim();
            let pwd_txt2 = $("[name='pwd2']").val().trim();
            let gender_txt = $("[name='gender']:checked").val();

            //验证手机号:
            if (!$.checkPhone(mobile_txt)) {
                mui.toast('您输入的手机非法');
                return;
            }

            //验证验证码:
            if (code_txt.length != 4) {
                mui.toast('您输入的验证码非法');
                return;
            }

            //验证邮箱：
            if (!$.checkEmail(email_txt)) {
                mui.toast('您输入的邮箱非法');
                return;
            }

            //验证密码:
            if (pwd_txt.length < 6) {
                mui.toast('您输入的密码非法');
                return;
            }

            //验证两次密码输入一致:
            if (pwd_txt != pwd_txt2) {
                mui.toast('两次输入密码不一致');
            }

            //构造参数以便于提交给后台:
            let params = {
                mobile: mobile_txt,
                code: code_txt,
                email: email_txt,
                pwd: pwd_txt,
                gender: gender_txt
            }

            //发送请求给后台:
            $.post("users/reg", params,(res)=>{
                if(res.meta.status == 200){
                    mui.toast('注册成功');

                    //设置定时器来跳转到登陆页面:
                    setTimeout(()=>{
                        location.href = 'login.html';
                    },1000)
                }else{
                    mui.toast(res.meta.msg);
                }
            }
            );
        })
    }
})